<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title langWord="t:User_Center_Subaccount_Management">子账号管理</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="../../resources/css/mui.css">
	<link rel="stylesheet" href="../../resources/css/style.css">
	<link rel="stylesheet" href="../../resources/css/user/register.css">
	<script src="../../resources/assets/mui.js"></script>
	<script src="../../resources/assets/avalon.js"></script>
	<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
	<script src="../../resources/assets/jquery.cxselect.min.js"></script>
	<script src="../../resources/js/common.js"></script>
	<script src="../../resources/js/dahua.config.js"></script>
	<script src="../../resources/js/lang/en.js"></script>
	<!-- <script src="../../resources/js/user/register.js"></script> -->
	<script src="../../resources/js/subaccount/index.js"></script>
	<style type="text/css">
		.mui-icon-plusempty{
			font-style: normal;
		}
		.my-head{
			background-color: white;
			padding: 10px;
			margin-top: 10px;
			display: flex;
			align-items: center;
		}
		.my-head img{
			width: 40px;
			height: 40px;
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
			border-radius: 50%;
			margin-right: 10px;
		}
	</style>
</head>

<body ms-controller="listPage" >
	<div id="regPage">
		<!--头部-->
		<header class="mui-bar mui-bar-nav header">
			<h1 id="title" class="mui-title" langWord="t:User_Center_Subaccount_Management">子账号管理</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-icon-white login"></a>
			<a class="mui-icon mui-pull-right mui-icon-white home" href="../subaccount/add.html">
				<!-- <i class="icon icon_home"></i> -->				
				<i class="mui-icon-plusempty"></i>
			</a>
		</header>

		<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<!-- <div class="mui-content-padded"> -->
					<form :validate="@validate" id="addForm" method="post">
						<input type="hidden" value="" id="uid" name="uid" />
						<div class="my-head">
							<img src="../../resources/images/userImg_h.png">
							<span>{name}</span>
						</div>
						<ul id="subAccountList" class="mui-table-view">
								<li class="mui-table-view-cell" ms-for='(i,item) in @receipted' ms-attr="{'data-id':item.id}">
									<div class="mui-slider-right mui-disabled">
										<a class="mui-btn mui-btn-red">
											删除
										</a>
									</div>
									<div class="mui-slider-handle">
										{item.logonId}
									</div>
								</li>
							</ul>
					</form>
				<!-- </div> -->
			</div>
		</div>
	</div>

	<!--底部导航
		<footer class="mui-bar mui-bar-tab footer">
			<a id="defaultTab" data-id="1" class="mui-tab-item" href="../product/category.html">
				<span class="mui-icon icon icon_product"></span>
				<span class="mui-tab-label">Product</span>
			</a>
			<a class="mui-tab-item" href="../solution/category.html">
				<span class="mui-icon icon icon_solution"></span>
				<span class="mui-tab-label">Solution</span>
			</a>
			<a id="partner" class="mui-tab-item mui-hidden" href="../partner/index.html">
				<span class="mui-icon icon icon_partner"></span>
				<span class="mui-tab-label">Partner</span>
			</a>
			<a class="mui-tab-item mui-active" href="user.html">
				<span class="mui-icon icon icon_usercenter active"></span>
				<span class="mui-tab-label">User Center</span>
			</a>
		</footer>
-->
</body>

</html>
